/*��ѯҳ��*/
body{
    /*background-color: rgba(238, 238, 243, 0.56);*/
    background-color: #ffffff;
    margin: 0;
    padding: 0;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
}
.topbar{
    width: 100%;
    /*line-height: 45px;*/
    /*max-height: 45px;*/
    overflow: hidden;
    background-color: #14b7f5;
    font-size: 0;
    margin: 0;
    /*padding: 10px 0px 8px 0px;*/
    position: fixed;

    z-index: 2;
}
.topbarnonefix{
    position: static;
}
.topbar .lefticon{
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    text-align: left;
    margin: 12px 0;
}
.topbar .lefticon img{
    padding-left: 10px;
    /*width: 13px;*/
    /*height: 20px;*/
    width: 35%;
}
.topbar .center{
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    margin: 12px 0;
}
.topbar .center .text{
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}
.topbar .rightnull{
    display: inline-block;
    vertical-align: middle;
    width: 10%;
}
.select{
    padding: 8px 0px 0px 0px;
    width: 100%;
    font-size: 0rem;
}
.select .nulldiv{
    display: inline-block;
    vertical-align: middle;
    width: 3%;
}
.centernulldiv{
    vertical-align: middle;
    width: 3%;
    display: none;
}
.select .selectdiv{
    display: inline-block;
    vertical-align: middle;
    width: 94%;


    vertical-align: middle;
    font-size: 0;
    /*margin: 10px 15px 10px 15px;*/
    border-radius: 3px;
    background-color: rgba(238, 238, 243, 0.56);
}
.select .selectdiv .lefticon{
    display: inline-block;
    vertical-align: middle;
    width: 5%;
    margin-left: 10px;
}
.select .selectdiv .lefticon img{
    width: 90%;
}
.select .selectdiv input{
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    /*margin: 3px 0px 2px 0px;*/
    margin: 3px 0px 0px 0px;
    /*height: 30px;*/
    overflow: hidden;

    height: 14px;
    padding: 7px 0px;
    font-size: 14px;

    border: none;
    background-color:#ffffff;
    border-radius: 5px;
    background-color: rgba(238, 238, 243, 0);
    text-indent: 5px;
}
.select .rightbutton{
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    line-height: 33px;
    font-size: 1rem;
    color: #14b7f5;
    background-color: rgba(178, 178, 178, 0);
    text-align: center;
    border-radius: 5px;

    display:none;
}

.sel_status{
    width: 100%;
    position: relative;

    display: none;
    margin-top: 8px;
}
.sel_status .first{
    font-size: 0rem;
    margin: 0px 10px;
    padding: 10px 0px;

    position: relative;


}
.sel_status .first :after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    /*border-bottom: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.sel_status .first .left{
    display: inline-block;
    vertical-align: middle;
    width: 8%;
}
.sel_status .first .left img{
    width: 55%;
}
.sel_status .first .right{
    display: inline-block;
    vertical-align: middle;
    width: 92%;
    font-size: 1rem;
}
.sel_status:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.number{
    background-color: #f8f9fa;
    width: 100%;
    font-size: 0px;

    margin-top: 8px;
    position: relative;
    /*display: none;*/
}
.number:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.number .left{
    display: inline-block;
    vertical-align: middle;
    width: 3%;
}
.number .txt{
    margin: 7px 0px 5px 0px;

    display: inline-block;
    vertical-align: middle;
    width: 97%;
    font-size: .8rem;

    color: #989899;
}


.list{
    width: 100%;
    /*display: none;*/
    /*display: block;*/
}
.list .line{
    padding:10px 0px 12px 0px;
    font-size: 0rem;

    position: relative;
}
.list .line:active{
    background-color: #ebebeb;
}
.list .line :before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    /*left: 15px;*/
}
.list .line .null{
    width: 3%;
    display: inline-block;
    vertical-align: middle;
}
.list .line .left{
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}
.list .line .left img{
    width: 90%;
    height: 90%;
    border-radius: 8px;
}
.list .line .center{
    width: 3%;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
}
.list .line .right{
    width: 71%;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    padding: 5px 0px;
}
.list .line .right .firline{
    color: #000000;
    padding-bottom: 5px;
}
.list .line .right .secline{
    color: #000000;
    padding-bottom: 5px;
}
.list .line .right .thiline{
    color: #000000;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*padding-bottom: 5px;*/
}
.wrongdiv{
    width: 100%;
    height: 100%;
    font-size: 0px;

    margin-top: 70px;
}
.wrongdiv .leftImage{
    display: inline-block;
    vertical-align: middle;
    width: 50%;

    text-align: center;
}
.wrongdiv .leftImage img{
    width: 80%;
}
.wrongdiv .right{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 1rem;

    color: #f57f2d;
}
.wrongdiv .right .line{
    margin-bottom: 8px;
}

.moreinfo{
    width: 100%;
}
.moreinfo .text{
    padding: 10px 0;
    background-color: rgba(233, 233, 233, 0.48);
    text-align: center;
}
































.toptabhost{
    color: rgba(0, 0, 0, 0.56);
    font-size: 0;
    /*margin: 0px 5px;*/
}

.toptabhost .left{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    text-align: center;
    padding: 12px 0px;
}
.toptabhost .right{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    text-align: center;

    background-color: #b7d9ea;
    padding: 12px 0px;
}
.matter{
    margin: 0px 20px;
    /*border-radius: 5px;*/
    /*padding: 10px 0px;*/
    padding: 10px 0px 0px 0px;
    /*background: url('../imgs/select/kou.png') no-repeat top right;*/
    background-size: 10%;
    margin-bottom: 20px;
    background-color:#ffffff;
}
.info_matter{
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
}
.matter{position:relative;-moz-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);-webkti-box-shadow:0 0 4px rgba(0,0,0,.2);-box-shadow:0 0 4px rgba(0,0,0,.2)}
.matter:after{position:absolute;top:50%;right:10px;bottom:10px;left:20px;z-index:-1;background:transparent;-moz-box-shadow:-3px 5px 20px rgba(0,0,0,.8);box-shadow:-3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0deg,2deg);-webkti-box-shadow:-3px 5px 20px rgba(0,0,0,.8);box-shadow:-3px 5px 20px rgba(0,0,0,.8)}
.matter:before{position:absolute;top:50%;right:20px;bottom:10px;left:10px;z-index:-2;background:transparent;}
.matter .topline img{
    float: right;
    width: 8%;
    margin-top: -20px;
    margin-right: -5px;
}
.matter .topline{
    height: 5px;
    width: 100%;
}
.matter .firstline{
    width: 100%;
    font-size: 0;
    padding: 12px 0px;
    color: rgba(0, 0, 0, 0.56);
    position: relative;
}
.matter  :last-child :before{
    display: none;
}
.matter .firstline :before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid rgba(217, 217, 217, 0.41);
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    /*left: 15px;*/
}

.matter .firstline .null{
    display: inline-block;
    vertical-align: middle;
    width: 4%;
}
.matter .firstline .left{
    display: inline-block;
    vertical-align: middle;
    width: 46%;
    font-size: 1rem;
    text-align: left;
}
.matter .firstline .right{
    display: inline-block;
    vertical-align: middle;
    width: 46%;
    font-size: 1rem;
    text-align: right;
}

.matter .listline{
    width: 100%;
    font-size: 0;
    padding: 5px 0px;
    color: rgba(0, 0, 0, 0.56);
    position: relative;
}
.matter .listline .left{
    display: inline-block;
    vertical-align: top;
    width: 38%;
    font-size: 1rem;
    text-align: left;
}
.matter .listline .right{
    display: inline-block;
    vertical-align: top;
    width: 38%;
    font-size: 1rem;
    text-align: right;
}
.matter .listline .center{
    display: inline-block;
    vertical-align: top;
    width: 16%;
    font-size: 1rem;
    text-align: right;
    height: 50px;
    background-color: rgba(2, 183, 238, 0.64);
    border-radius: 100%;
}


.matter .listline .center img{
    width: 60%;
}
.matter .listline .null{
     display: inline-block;
     vertical-align: middle;
     width: 4%;
 }

